<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ include file="/taglib.jsp" %>
<%--
  Created by IntelliJ IDEA.
  User: laimis
  Date: Jul 18, 2008
  Time: 3:41:34 PM
  To change this template use File | Settings | File Templates.
--%>
<stripes:layout-render name="/layout/standard.jsp" title="Test">
<!-- product navi componet begin -->
<stripes:layout-component name="sidebar">
    <div id="leftnav">
        <c:forEach items="${actionBean.categorys}" var="category">
            <div><h3 class="category" id="${category.nodeId}" onclick="showSubCategory(this)">${category.name}</h3>
            </div>
        </c:forEach>
    </div>
</stripes:layout-component>
<!-- product navi componet end -->
<!-- product list componet begin -->
<stripes:layout-component name="productList">
    <c:forEach items="${actionBean.productList}" var="product">
        <div class="chunk bottomborder">
            <div class="pic">
                <a href="${ctx}/product/view.do?productId=${product.nodeId}&activeCategory=${actionBean.activeCategory}">
                    <img width="80" height="80" alt="${product.title}"
                         src="${product.content.imgUrl}"/>
                </a>
            </div>

            <div class="spdet">
                <h4>
                    <a href="${ctx}/product/view.do?productId=${product.nodeId}&activeCategory=${actionBean.activeCategory}">${product.title}</a>
                </h4>

                <p>${product.description}</p>

                <div class="add">
                    <div class="moredetails">
                        <strong>Our Price: </strong>
                        <span class="bprice">${product.price}</span>
                        <span class="freedelivery">Free delivery</span>
                    </div>
                    <div class="addit" style="cursor:pointer" onclick="addToBacked(this)">
                        <input class="nodeId" type="hidden" value="${product.nodeId}"/>
                        <input class="productTitle" type="hidden" value="${product.title}"/>
                        <input class="productPrice" type="hidden" value="${product.price}"/>
                        <input type="image" alt="Laeg i kurv" src="${ctx}/resources/imgs/add.gif"/>
                    </div>
                </div>
            </div>
        </div>
    </c:forEach>
</stripes:layout-component>
<!-- product list componet end-->
<!-- order list componet end-->
<stripes:layout-component name="orderList">

</stripes:layout-component>
<!--order list componet end-->
</stripes:layout-render>